<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	  layout:decorate="layout">
	<head th:include="include/common::common"></head>
       	<!--<%@ include file="include/title.jsp" %>-->
       	<link th:href="@{/res/plugins/datepicker/datepicker3.css}" rel="stylesheet"/>
       	<link th:href="@{/res/plugins/validator/bootstrapValidator.min.css}" rel="stylesheet"/>
       	<link th:href="@{/res/lobibox/lobibox.css}" rel="stylesheet"/>
		<link th:href="@{/css/home/home.css}" rel="stylesheet"/>
		<style>
			.cell{
				height: 500px;
				vertical-align: middle;
				display: inline-block;
				line-height: 500px;
			}
		</style>
	</head>
	
	<!-- skin-blue 为 AdminLTE 的主题颜色 可选颜色主题：/res/dist/css/skins-->
	 <body class="hold-transition skin-blue sidebar-mini">
	<!--<body class="hold-transition skin-green-light sidebar-mini">-->
		<div class="wrapper">
			<!--header-->
			<div th:include="include/header"></div>
			<!--menu-->
			<aside th:include="include/menu"/>
			<!-- Left side column. contains the logo and sidebar -->
			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper">
				<!--<section class="content-header">
					&lt;!&ndash; 路径导航 &ndash;&gt;
					<a href="${path}/home"><i class="fa fa-home"></i> 主页</a> > 
				</section>-->
				<!-- Main content -->
				<section class="content">
					<div class="row-fluid"></div>
					<div class="row">
						<div class="col-xs-12">
							<div class="box">
								<div class="box-body">
									<h2 id="startDate"></h2>
									<div class="row" id="main">
										<!-- 一定要设置width，height，否则 Echats 将无法显示 -->
										<div class="col-md-6">
											<div id="diary_amount_statistics" style="width: 100%;height:400%;"></div>
										</div>
										<div class="col-md-6">
											<div id="diary_mood_statistics" style="width: 100%;height:400px;"></div>
										</div>
									</div>
								</div>
								<!-- /.box-body -->
							</div>
							<!-- /.box -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</section>
			</div>
			<!--footer-->
			<div th:include="include/footer"></div>
			<div class="control-sidebar-bg"></div>
		</div>

		<!-- Sidebar toggle button 菜单收缩功能 -->
		<script th:src="@{/res/dist/js/app.min.js}" type="text/javascript"></script>
		<script th:src="@{/res/laydate/laydate.js}" type="text/javascript"></script>
		<script th:src="@{/res/plugins/datepicker/bootstrap-datepicker.js}"  type="text/javascript"></script>
		<script th:src="@{/res/plugins/datepicker/bootstrap-datetimepicker.zh-CN.js}"  type="text/javascript"></script>
		<script th:src="@{/res/plugins/validator/bootstrapValidator.min.js}"  type="text/javascript"></script>
		<script th:src="@{/js/site.js}" type="text/javascript"></script>
		<script th:src="@{/js/base64.js}" type="text/javascript"></script>
		<script th:src="@{/res/kindeditor-4.1.4/kindeditor-all-min.js}" type="text/javascript"></script>
		<script th:src="@{/res/kindeditor-4.1.4/lang/zh_CN.js}" type="text/javascript"></script>
		<script th:src="@{/res/echarts.min.js}" type="text/javascript"></script>
		<script th:src="@{/js/home/home.js}" type="text/javascript"></script>
	</body>
</html>
